<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
	<title>首页 - 外卖下单管理系统</title>
	<link rel="icon" href="favicon.ico" type="image/ico">
	<link href="bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
	<link href="css/materialdesignicons.min.css" rel="stylesheet">
	<link href="css/style.min.css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>

<body>
<div class="lyear-layout-web">
	<div class="lyear-layout-container">
		<!--左侧导航-->
		<aside class="lyear-layout-sidebar">

			<!-- logo -->
			<div id="logo" class="sidebar-header">
				<a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear"/></a>
			</div>
			<div class="lyear-layout-sidebar-scroll">

				<nav class="sidebar-main">
					<ul class="nav nav-drawer">
						<li class="nav-item active"><a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a></li>
						<li class="nav-item nav-item-has-subnav">
							<a href="javascript:void(0)"><i class="mdi mdi-account-check"></i>订单管理</a>
							<ul class="nav nav-subnav">
								<li><a href="order.html">订单总览</a></li>
								<li><a href="order_detail.html">订单详情</a></li>
							</ul>
						</li>
						<li class="nav-item nav-item-has-subnav">
							<a href="javascript:void(0)"><i class="mdi mdi-account"></i>类目管理</a>
							<ul class="nav nav-subnav">
								<li><a href="category.html">类目表</a></li>
								<li><a href="dish.html">菜品管理</a></li>
							</ul>
						</li>
					</ul>
				</nav>

				<div class="sidebar-footer">
					<p class="copyright">Copyright &copy; 2020. Group 6 All rights reserved.</p>
				</div>
			</div>

		</aside>
		<!--End 左侧导航-->

		<!--头部信息-->
		<header class="lyear-layout-header">

			<nav class="navbar navbar-default">
				<div class="topbar">

					<div class="topbar-left">
						<div class="lyear-aside-toggler">
							<span class="lyear-toggler-bar"></span>
							<span class="lyear-toggler-bar"></span>
							<span class="lyear-toggler-bar"></span>
						</div>
						<span class="navbar-page-title"> 后台首页 </span>
					</div>

					<ul class="topbar-right">
						<li class="dropdown dropdown-profile">
							<a href="javascript:void(0)" data-toggle="dropdown">
								<img class="img-avatar img-avatar-48 m-r-10" src="images/users/logo.jpeg" alt="管理员"/>
								<span id="admin">管理员 <span class="caret"></span></span>
							</a>
							<ul class="dropdown-menu dropdown-menu-right">
								<li><a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
								<li class="divider"></li>
								<li><a href="login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a></li>
							</ul>
						</li>
					</ul>

				</div>
			</nav>

		</header>
		<!--End 头部信息-->

		<!--页面主要内容-->
		<main class="lyear-layout-content">

			<div class="container-fluid">

				<div class="row">
					<div class="col-sm-6 col-lg-3">
						<div class="card bg-primary">
							<div class="card-body clearfix">
								<div class="pull-right">
									<p class="h6 text-white m-t-0">今日收入</p>
									<p class="h3 text-white m-b-0">1538</p>
								</div>
								<div class="pull-left"><span class="img-avatar img-avatar-48 bg-translucent"><i
										class="mdi mdi-currency-cny fa-1-5x"></i></span></div>
							</div>
						</div>
					</div>

					<div class="col-sm-6 col-lg-3">
						<div class="card bg-danger">
							<div class="card-body clearfix">
								<div class="pull-right">
									<p class="h6 text-white m-t-0">会员总数</p>
									<p class="h3 text-white m-b-0">362</p>
								</div>
								<div class="pull-left"><span class="img-avatar img-avatar-48 bg-translucent"><i
										class="mdi mdi-account fa-1-5x"></i></span></div>
							</div>
						</div>
					</div>

					<div class="col-sm-6 col-lg-3">
						<div class="card bg-success">
							<div class="card-body clearfix">
								<div class="pull-right">
									<p class="h6 text-white m-t-0">今日订单数</p>
									<p class="h3 text-white m-b-0">136</p>
								</div>
								<div class="pull-left"><span class="img-avatar img-avatar-48 bg-translucent"><i
										class="mdi mdi-arrow-down-bold fa-1-5x"></i></span></div>
							</div>
						</div>
					</div>
				</div>

				<div class="row">

					<div class="col-lg-6">
						<div class="card">
							<div class="card-header">
								<h4>每周用户</h4>
							</div>
							<div class="card-body">
								<canvas class="js-chartjs-bars"></canvas>
							</div>
						</div>
					</div>

					<div class="col-lg-6">
						<div class="card">
							<div class="card-header">
								<h4>交易历史记录</h4>
							</div>
							<div class="card-body">
								<canvas class="js-chartjs-lines"></canvas>
							</div>
						</div>
					</div>

				</div>

			</div>
		</main>
		<!--End 页面主要内容-->
	</div>
</div>

<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>

<!--图表插件-->
<script type="text/javascript" src="js/Chart.js"></script>
<script type="text/javascript">
    $(document).ready(function (e) {
        var $dashChartBarsCnt = jQuery('.js-chartjs-bars')[0].getContext('2d'),
            $dashChartLinesCnt = jQuery('.js-chartjs-lines')[0].getContext('2d');

        var $dashChartBarsData = {
            labels: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
            datasets: [
                {
                    label: '注册会员',
                    borderWidth: 1,
                    borderColor: 'rgba(0,0,0,0)',
                    backgroundColor: 'rgba(51,202,185,0.5)',
                    hoverBackgroundColor: "rgba(51,202,185,0.7)",
                    hoverBorderColor: "rgba(0,0,0,0)",
                    data: [53, 34, 43, 65, 38, 68, 56]
                }
            ]
        };
        var $dashChartLinesData = {
            labels: ['03-01', '03-02', '03-03', '03-04', '03-05', '03-06', '03-07', '03-08', '03-09', '03-10'],
            datasets: [
                {
                    label: '交易资金',
                    data: [1020, 850, 980, 1300, 1450, 1340, 1120, 1358, 1400, 1538],
                    borderColor: '#358ed7',
                    backgroundColor: 'rgba(53, 142, 215, 0.175)',
                    borderWidth: 1,
                    fill: false,
                    lineTension: 0.5
                }
            ]
        };

        new Chart($dashChartBarsCnt, {
            type: 'bar',
            data: $dashChartBarsData
        });

        var myLineChart = new Chart($dashChartLinesCnt, {
            type: 'line',
            data: $dashChartLinesData,
        });

        $.get(
            "/sell/currentUsername",
            function (data, status) {
                if (data.code == 0) {
                    $("#admin").html(data.data);
                }
            }
        );
    });
</script>
</body>
</html>